<html>
	<head>
		<META charset="Utf8"/>
		<style>
			@import url("styles.css");			
		</style>				
	</head>
	<body>
		<div id="page">	
			<div id="userandnotif_bar">
				<span>
					<a href="#"><div class=" notification_updated notification_bubble">1</div></a>
					<a href="#"><div class="notification_bubble">0</div></a>
					<a href="#"><div class="notification_bubble">0</div></a>
					<a href="#"><div class=" notification_updated notification_bubble">3</div></a>
					<div class="right">
					<button>
					my bytes
					</button>
					<button>
					friends
					</button>
					<a href="index.html"><button>
					exit
					</button></a>
					</div>
				</span>
				<div class="cleaner">
				</div>
			</div>
			<div id="main_header">
				<form>
					<h1>ask4<input id="askfor_box" type="textbox" value="my bytes" name="askfor"/>
						<a href="#">new bytes</a>
						<a href="#">my bytes</a>
						<a href="#">friends bytes</a>
						<a href="#">give bytes</a>
						...
					</h1>
				</form>			
			</div>			
			<div id="content">
				<div id="profile_avatar">
					<div id="profile_avatar_picture"></div>
					<button>change profile picture</button>
					<form>						
						<input type="textbox" value="Ivan Ivanov"/>
						<textarea>I am interested in something</textarea>						
						<input type="textbox" value="ivan@gmail.com"/>
					</form>
					<button>edit my profile</button>					
				</div>
				<div id="profile_notifications">
					<h2>news:</h2>
					<ul>
						<li><div class="notification_box request_notification"><span>someone wants to add a #tag to your stream</span><span class="right"><button>allow</button><button>deny</button></span></div></li>
						<li><div class="notification_box friend_notification">
							<span>someone wants to be your friend</span><span class="right"><button>accept</button><button>cancel</button></span>
						</div></li>
						<li><div class="notification_box info_notification"><span>something new has happened</span><span class="right"><button>take a look</button></span></div></li>
						<li><div class="notification_box info_notification"><span>someone has sent you a message</span><span class="right"><button>take a look</button></span></div></li>
					</ul>
				</div>
				<div class="profile_bytes">
				<h2>give bytes:</h2>
				</div>
				<div class="profile_bytes">
					<h2>my bytes:</h2>
					<div id="result_commands_box">
						<span>order by:<button>rating</button><button>time</button>show:<button>streams</button><button>tags</button><button>all</button></span><span class="right">display as:<button>list</button><button>thumbs</button></span>
					</div>
					<ul>
						<li>
						<div class="content_box">
							<a href="#"><div class="content_box_left"></div></a>
							<div class="content_box_right" style="width:550px;">
								<a href="#"><h3>some new popular bytes</h3></a>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
								</p>
								<div class="content_tag_container">
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>
									<a href="#"><span class="content_tag">#tag</span></a>									
								</div>															
							</div>						
							<div class="cleaner"></div>							
							<div class="content_box_input" style="margin-top:10px;">
									<span>
										<button>take a look</button>									
									</span>
									<span class="right">
										comments: 20, likes:30, dislikes: 2										
									</span>
							</div>
						</div>
					</li>						
					</ul>
				</div>				
			</div>
			<div id="footer">
				footer<br/>
				->тук мисля да показва приятелите които са на линия в бъдеще
			</div>
		</div>
	</body>
</html>